import React from 'react';
import { Link } from 'react-router-dom';
import './Contact.css';

const Contact = () => {
  const handleSubmit = (e) => {
    e.preventDefault();
    // 处理表单提交
  };

  return (
    <>
      <div className="inner-banner">
        <section className="w3l-breadcrumb">
          <div className="container">
            <ul className="breadcrumbs-custom-path">
              <li><Link to="/">首页</Link></li>
              <li className="active"><span className="fa fa-chevron-right mx-2" aria-hidden="true"></span> 联系我们</li>
            </ul>
          </div>
        </section>
      </div>

      <section className="w3l-contact-main" id="contact">
        <div className="contact-infhny py-5">
          <div className="container py-lg-5">
            <div className="title-content text-center mb-lg-5 mb-4">
              <h6 className="title-small">联系我们</h6>
              <h3 className="title-big">让我们开始对话</h3>
            </div>
            <div className="row align-items-center">
              <div className="col-lg-6">
                <div className="position-relative">
                  <img 
                    src="https://oss.turingsenseai.com/1740322642625742666.jpg" 
                    alt="联系我们" 
                    className="radius-image img-fluid" 
                  />
                </div>
              </div>
              <div className="col-lg-6 mt-lg-0 mt-5 map-content-9">
                <h5 className="mb-sm-4 mb-3">Drop us a line</h5>
                <form onSubmit={handleSubmit} className="signin-form">
                  <div className="input-grids">
                    <div className="form-group">
                      <input 
                        type="text" 
                        name="name" 
                        placeholder="您的姓名*" 
                        className="contact-input" 
                        required="" 
                      />
                    </div>
                    <div className="form-group">
                      <input 
                        type="email" 
                        name="email" 
                        placeholder="您的邮箱*" 
                        className="contact-input" 
                        required="" 
                      />
                    </div>
                    <div className="form-group">
                      <input 
                        type="text" 
                        name="subject" 
                        placeholder="主题*" 
                        className="contact-input" 
                        required="" 
                      />
                    </div>
                  </div>
                  <div className="form-input">
                    <textarea 
                      name="message" 
                      placeholder="输入您的留言*" 
                      required=""
                    ></textarea>
                  </div>
                  <div className="submit-w3l-button text-lg-right">
                    <button className="btn btn-style btn-primary">发送消息</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </section>
    </>
  );
};

export default Contact; 